<template>
  <div class="container">
    <!-- <div class="box">
      <header class="header">头部</header>
      <main class="content">中间</main>
    </div> -->
    <!-- <RouterView /> -->
    <RouterView v-slot="{ Component }">
      <KeepAlive :include="['kind']">
        <component :is="Component" />
      </KeepAlive>
    </RouterView>
    <RouterView name="footer" />
    <!-- <footer class="footer">
      <ul>
        <RouterLink to="/">
          <li>
            <span><van-icon name="wap-home-o" /></span>
            <p>首页</p>
          </li>
        </RouterLink>
        <RouterLink to="/kind">
          <li>
            <span><van-icon name="apps-o" /></span>
            <p>分类</p>
          </li>
        </RouterLink>
        <RouterLink to="/cart">
          <li>
            <span><van-icon name="cart-o" /></span>
            <p>购物车</p>
          </li>
        </RouterLink>
        <RouterLink to="/user">
          <li>
            <span><van-icon name="user-o" /></span>
            <p>我的</p>
          </li>
        </RouterLink>
      </ul>
    </footer> -->
  </div>
</template>
<style lang="scss"></style>